<template>
  <view>
    <navigator class="searchBtn" open-type="switchTab" :url="url">
      <text class="iconfont icon-sousuo"></text>
      <text>{{placeholder}}</text>
    </navigator>
  </view>
</template>
<script>
  export default {
    props:{
      placeholder:{
        type: String,
        default: '大家都在搜的律师'
      },
      url: {
        type: String,
        default: ''
      }
    },
    data() {
      return {
        
      }
    },
  }
</script>
<style lang='less' scoped>

.searchBtn{
  display: flex;
  align-items: center;
  padding: 20rpx 36rpx;
  border-radius: 10rpx;
  box-shadow: 0rpx 8rpx 20rpx 8rpx #eef1ff;
  color: #ABB2CE;
  font-size: 24rpx;
  background-color: #fff;
}
.icon-sousuo{
  font-size: 28rpx;
  color: #ABB2CE;
  margin-right: 20rpx;
}
</style>